<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>用户详情</title>
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.min.css" rel="stylesheet"
          type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link href="../metronic/assets/global/plugins/select2/select2.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"
          rel="stylesheet"
          type="text/css"/>
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-editable.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table-fixed-columns.css" rel="stylesheet"
          type="text/css"/>
    <link
            href="../metronic/assets/global/plugins/bootstrap-select/bootstrap-select.css"
            rel="stylesheet"
    />
    <link href="metronic/assets/main/pages/css/profile.css" rel="stylesheet">
    <style>
        html, body, .row {
            height: 100%;
        }

        .table {
            border-top: solid 3px #F3565D;
        }
    </style>
</head>
<body style="background-color: transparent;">
<div class="row">
    <div class="col-md-12" style="height: 100%">
        <div class="profile-sidebar" style="height: calc(100% - 40px);margin: 20px;">
            <!-- PORTLET MAIN -->
            <div class="portlet light profile-sidebar-portlet " style="height: 100%;width: 400px;">
                <!-- SIDEBAR USERPIC -->
                <div class="profile-userpic">
                    <img alt="" class="img-responsive" src="metronic/assets/main/layout/img/avatar.png"></div>
                <!-- END SIDEBAR USERPIC -->
                <!-- SIDEBAR USER TITLE -->
                <div class="profile-usertitle">
                    <div class="profile-usertitle-name" th:text="${user.loginname}"></div>
                    <div class="profile-usertitle-job" th:text="${user.role} == 'ADMIN' ? '管理员' : '普通用户'"></div>
                </div>
                <!-- END SIDEBAR USER TITLE -->
                <!-- SIDEBAR MENU -->
                <div class="profile-usermenu" style="padding-bottom:0;">
                    <ul class="nav">
                        <li class="active">
                            <a>真实名称：<span th:text="${user.username}"></span></a>
                        </li>
                    </ul>
                </div>
                <!-- END MENU -->
                <div class="portlet light ">
                    <div>
                        <h4 class="profile-desc-title">授权码</h4>
                        <span class="profile-desc-text" th:text="${user.authorizationCode}"></span>
                        <p style="margin-top: 20px; color: red;">授权码是用于获取 Token 的唯一认证，只能由管理员重新生成。</p>

                        <h4 class="profile-desc-title">获取Token地址</h4>
                        <p class="profile-desc-text">/system/authorization/token/<span
                                style="color: #2ab4c0!important;" th:text="${user.authorizationCode}"></span>
                            <a href="/system/authorization/token/"+${user.authorizationCode}  target="_blank"><span class="p_url"></span></a>
                        </p>
                    </div>
                </div>
            </div>
            <!-- END PORTLET MAIN -->
        </div>
        <div class="profile-content"
             style="background-color: #fff; float: right; margin: 20px; height: calc(100% - 40px); width: 65%;">
            <div class="row" style="padding: 20px">
                <div class="col-md-12">
                    <table id="tb_dataList"></table>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-editable.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-editable.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-fixed-columns.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-select/bootstrap-select.js"></script>
<script src="../metronic/assets/global/plugins/bootstrap-select/i18n/defaults-zh_CN.js"></script>
<script th:src="@{/js/authorization/userDetail.js}" type="text/javascript"></script>

</body>
</html>